<template>
<div id="app">
    
<router-view></router-view>

</div>
</template>

<script>


export default {
 name:'app',

}
</script>

<style>
body{
    margin: 0px;
    height: 100%;
}
#app{
    background-image: url('./assets/background.jpg');
    height: 100vh;
    background-position: center;
    background-size: cover;
    margin: 0px;
    padding: 0px;
}
.el-header{
    padding: 0px !important;
}
.conbody{
  background-color: #EFF0F4;
  height: 100vh;
}
.conbody .el-aside{
    box-shadow: 0px 5px 3px #888888;
}
.smallconbody{
    overflow:hidden;
    height: auto;
    padding: 15px;
    width: 100%;
}
.smallconbody .el-main{
    padding: 10px 0px 0px 0px;
}
.userbody .el-table,.library .el-table{
    margin-bottom: 20px;
}
.searchuser {
  display: flex;
  height: 60px;
  border-bottom: solid 1px #9d9d9d;
  justify-content: flex-start;
}
.searchuser .el-input {
  padding: 10px;
  width: 200px;
}
.searchuser .el-input .el-input__inner {
  height: 35px;
}
.searchuser .el-button {
  padding: 0px;
  font-size: 15px;
  height: 34px;
  width: 100px;
  margin-top: 11px;
  margin-left: 15px;
  line-height: 34px;
}
.asidemenu {
  text-align: right;
  height: 91vh;
  background-color: #304156;
  box-shadow: 3px 0px 5px #888888;
}
.asidemenu .el-menu {
  border: 0px;
}
.asidemenu .el-submenu .el-menu-item{
      padding-right: 20px;
   min-width: 0px;
}
</style>
